const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
    entry: './src/js/index.js',
    output: {
      path: path.resolve(__dirname, 'bundle'),
      filename: 'bundle-[hash].js'
    },
    devtool: 'none',
    devServer: {
        contentBase: "./src", //本地服务器所加载的页面所在的目录
        historyApiFallback: true, //不跳转
        inline: true,
        hot: true
    },
    // module:{
    //     rules:[
    //         {
    //         test:/\.css$/,
    //         use:ExtractTextPlugin.extract({

    //             fallback:"style-loader",
    //             use:[{
    //                 loader:'css-loader',
    //                 options:{
    //                   minimize:true
    //                   //css压缩
    //                         }
    //                     }],
    //                     publicPath:"../"
    //                 })
    //         },
    //         {
    //           test:/\.(jpg|png|jpeg|gif)$/,
    //           use: 'url-loader?limit=1024&name=./img/[name][hash].[ext]'
    //         },
    //         {
    //          test:/\.html$/,
    //          use: 'html-withimg-loader'
    //         }
    //     ]
    // },
    plugins: [
        // new ExtractTextPlugin('./css/[name].css'),
        new HtmlWebpackPlugin({
            template:"./src/index.html",//把哪个html压缩
            minify:{
              removeAttributeQuotes:true,//去除引号
              removeComments:true,//去除注释
              removeEmptyAttributes:true,//去除空属性
              collapseWhitespace:true//去除空格
            }

        })
    ]
};